<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的收藏（商品）-{{$SEO['title']}}</title>
    <meta name="keywords" content="{{$SEO['keywords']}}"/>
    <meta name="description" content="{{$SEO['description']}}"/>
    <!--公用css引用-->
    @include('front.common.style')

    <!--END/公用css引用-->
    <link rel="stylesheet" href="../dist/css/userCenter.css">
</head>
<body>

<!--公共头部-->
@include('front.common.header')

<!--END/公共头部-->

<div class="inbox user-center">
    <div class="layout-margin unend">
        <div class="sidebar-end"></div>
        <div class="sidebar-start">
        @include('front.common.leftnav')

        </div>

        <!--主体部分-->
        <div class="container">
            <div class="container-inner u-order">
                <div class="ui-brd-box1">
                    <div class="tit-2 tit-skin-2">
                        <span class="h">我的收藏</span>
                    </div>

                    <div class="order-list order-list-big">
                        <div class="table-head fn-ohide">
                            <div class="search-box">
                                <form class="bl-form" method="get" action="">
                                    <div class="fn-dib fn-rel keybox">
                                        <input type="text" name="key" placeholder="请输入商品名称" autocomplete="off" class="fn-tinput key">
                                        <span class="fn-dib submit">
                                            <button class="fn-btn btn-submit" type="submit">搜索</button>
                                        </span>
                                        <i class="icon icon-search fn-abs"></i>
                                    </div>
                                </form>
                            </div>
                            <div class="order-type">
                                <ul class="link-list link-list-skin2">
                                    <li class="cur"><a href="collection-goods.php"> 收藏的商品（3）</a></li>
                                    <li><a href="collection-store.php"> 收藏的店铺（1）</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="fav-list h170">
                            <div class="tit-3 tit-skin-2">
                                <div class="h fn-ml10">
                                    <label><input type="checkbox">全选</label>
                                    <button class="fn-btn fn-btn-small fn-ml10 fn-mr4">加入购物车</button>
                                    <button class="fn-btn fn-btn-small">取消收藏</button>
                                </div>
                            </div>
                            <ul class="bl-imglist imglist-5col">
                                <li>
                                    <div class="col-space ui-brd-box1">
                                        <a href="#">
                                            <img src="../images/classify/pic-10.jpg" alt="">
                                        </a>

                                        <div class="cons">
                                            <p class="fn-tl info">
                                                <span class="price fn-fr">￥19.90</span>
                                                <a href="#" class="name link fn-dib-otw">奶油味夏威夷果奶油味夏威夷果</a>
                                            </p>

                                            <div class="btns">
                                                <label><input type="checkbox" name=""></label>
                                                <div class="fn-btn fn-btn-small">加入购物车</div>
                                                <div class="fn-btn fn-btn-small">取消收藏</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-space ui-brd-box1">
                                        <a href="#">
                                            <img src="../images/classify/pic-1.jpg" alt="">
                                        </a>

                                        <div class="cons">
                                            <p class="fn-tl info">
                                                <span class="price fn-fr">￥19.90</span>
                                                <a href="#" class="name link fn-dib-otw">奶油味夏威夷果奶油味夏威夷果</a>
                                            </p>

                                            <div class="btns">
                                                <label><input type="checkbox" name=""></label>
                                                <div class="fn-btn fn-btn-small">加入购物车</div>
                                                <div class="fn-btn fn-btn-small">取消收藏</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-space ui-brd-box1">
                                        <a href="#">
                                            <img src="../images/classify/pic-10.jpg" alt="">
                                        </a>

                                        <div class="cons">
                                            <p class="fn-tl info">
                                                <span class="price fn-fr">￥19.90</span>
                                                <a href="#" class="name link fn-dib-otw">奶油味夏威夷果奶油味夏威夷果</a>
                                            </p>

                                            <div class="btns">
                                                <label><input type="checkbox" name=""></label>
                                                <div class="fn-btn fn-btn-small">加入购物车</div>
                                                <div class="fn-btn fn-btn-small">取消收藏</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-space ui-brd-box1">
                                        <a href="#">
                                            <img src="../images/classify/pic-1.jpg" alt="">
                                        </a>

                                        <div class="cons">
                                            <p class="fn-tl info">
                                                <span class="price fn-fr">￥19.90</span>
                                                <a href="#" class="name link fn-dib-otw">奶油味夏威夷果奶油味夏威夷果</a>
                                            </p>

                                            <div class="btns">
                                                <label><input type="checkbox" name=""></label>
                                                <div class="fn-btn fn-btn-small">加入购物车</div>
                                                <div class="fn-btn fn-btn-small">取消收藏</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-space ui-brd-box1">
                                        <a href="#">
                                            <img src="../images/classify/pic-10.jpg" alt="">
                                        </a>

                                        <div class="cons">
                                            <p class="fn-tl info">
                                                <span class="price fn-fr">￥19.90</span>
                                                <a href="#" class="name link fn-dib-otw">奶油味夏威夷果奶油味夏威夷果</a>
                                            </p>

                                            <div class="btns">
                                                <label><input type="checkbox" name=""></label>
                                                <div class="fn-btn fn-btn-small">加入购物车</div>
                                                <div class="fn-btn fn-btn-small">取消收藏</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-space ui-brd-box1">
                                        <a href="#">
                                            <img src="../images/classify/pic-1.jpg" alt="">
                                        </a>

                                        <div class="cons">
                                            <p class="fn-tl info">
                                                <span class="price fn-fr">￥19.90</span>
                                                <a href="#" class="name link fn-dib-otw">奶油味夏威夷果奶油味夏威夷果</a>
                                            </p>

                                            <div class="btns">
                                                <label><input type="checkbox" name=""></label>
                                                <div class="fn-btn fn-btn-small">加入购物车</div>
                                                <div class="fn-btn fn-btn-small">取消收藏</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-space ui-brd-box1">
                                        <a href="#">
                                            <img src="../images/classify/pic-10.jpg" alt="">
                                        </a>

                                        <div class="cons">
                                            <p class="fn-tl info">
                                                <span class="price fn-fr">￥19.90</span>
                                                <a href="#" class="name link fn-dib-otw">奶油味夏威夷果奶油味夏威夷果</a>
                                            </p>

                                            <div class="btns">
                                                <label><input type="checkbox" name=""></label>
                                                <div class="fn-btn fn-btn-small">加入购物车</div>
                                                <div class="fn-btn fn-btn-small">取消收藏</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-space ui-brd-box1">
                                        <a href="#">
                                            <img src="../images/classify/pic-1.jpg" alt="">
                                        </a>

                                        <div class="cons">
                                            <p class="fn-tl info">
                                                <span class="price fn-fr">￥19.90</span>
                                                <a href="#" class="name link fn-dib-otw">奶油味夏威夷果奶油味夏威夷果</a>
                                            </p>

                                            <div class="btns">
                                                <label><input type="checkbox" name=""></label>
                                                <div class="fn-btn fn-btn-small">加入购物车</div>
                                                <div class="fn-btn fn-btn-small">取消收藏</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-space ui-brd-box1">
                                        <a href="#">
                                            <img src="../images/classify/pic-10.jpg" alt="">
                                        </a>

                                        <div class="cons">
                                            <p class="fn-tl info">
                                                <span class="price fn-fr">￥19.90</span>
                                                <a href="#" class="name link fn-dib-otw">奶油味夏威夷果奶油味夏威夷果</a>
                                            </p>

                                            <div class="btns">
                                                <label><input type="checkbox" name=""></label>
                                                <div class="fn-btn fn-btn-small">加入购物车</div>
                                                <div class="fn-btn fn-btn-small">取消收藏</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-space ui-brd-box1">
                                        <a href="#">
                                            <img src="../images/classify/pic-1.jpg" alt="">
                                        </a>

                                        <div class="cons">
                                            <p class="fn-tl info">
                                                <span class="price fn-fr">￥19.90</span>
                                                <a href="#" class="name link fn-dib-otw">奶油味夏威夷果奶油味夏威夷果</a>
                                            </p>

                                            <div class="btns">
                                                <label><input type="checkbox" name=""></label>
                                                <div class="fn-btn fn-btn-small">加入购物车</div>
                                                <div class="fn-btn fn-btn-small">取消收藏</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>


                <!--分页-->
                <!--  fn-tl/fn-tc/fn-tr 左中右定位; pager-big 大尺寸分页 可不加-->
                <div class="pager fn-tr">
                    <ul class="pagination">
                        <li class="disabled"><span>«</span></li>
                        <li class="active"><span>1</span></li>
                        <li><a href="http://afuyigou.app/search?page=1">2</a></li>
                        <li><a href="http://afuyigou.app/search?page=3">3</a></li>
                        <li><a href="http://afuyigou.app/search?page=4">4</a></li>
                        <li><a href="http://afuyigou.app/search?page=5">5</a></li>
                        <li><a href="http://afuyigou.app/search?page=6">6</a></li>
                        <li><a href="http://afuyigou.app/search?page=7">7</a></li>
                        <li><a href="http://afuyigou.app/search?page=2" rel="next">»</a></li>
                    </ul>
                </div>
                <!--END/分页-->




                <!--猜你喜欢-->
                <div class="recommend-list ui-brd-box1" style="padding-top: 10px">
                    <div class="list-head fn-mb10">
                        <div class="tit tit-4">
                            <h3 class="h fn-mr10">
                                为你推荐
                            </h3>
                            <a href="#" class="more"><i class="icon icon-load1"></i>换一批</a>
                        </div>
                    </div>
                    <div class="list-body">
                        <ul class="bl-imglist imglist-5col">
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/classify/pic-10.jpg" alt="">
                                        <p class="name">【Innisfree】  浓缩精华液</p>
                                    </a>
                                    <p class="price"><span>1216</span>元</p>
                                </div>
                            </li>
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/classify/pic-10.jpg" alt="">
                                        <p class="name">【Innisfree】  浓缩精华液</p>
                                    </a>
                                    <p class="price"><span>1216</span>元</p>
                                </div>
                            </li>
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/classify/pic-10.jpg" alt="">
                                        <p class="name">【Innisfree】  浓缩精华液</p>
                                    </a>
                                    <p class="price"><span>1216</span>元</p>
                                </div>
                            </li>
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/classify/pic-10.jpg" alt="">
                                        <p class="name">【Innisfree】  浓缩精华液</p>
                                    </a>
                                    <p class="price"><span>1216</span>元</p>
                                </div>
                            </li>
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/classify/pic-10.jpg" alt="">
                                        <p class="name">【Innisfree】  浓缩精华液</p>
                                    </a>
                                    <p class="price"><span>1216</span>元</p>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
                <!--END/猜你喜欢-->

                <!--无数据-->
                <div class="ui-brd-box1 fn-mt30">
                    <div class="tit-2 tit-skin-2">
                        <span class="h">我的收藏</span>
                    </div>

                    <div class="order-list order-list-big">
                        <div class="table-head fn-ohide">
                            <div class="search-box">
                                <form class="bl-form" method="get" action="">
                                    <div class="fn-dib fn-rel keybox">
                                        <input type="text" name="key" placeholder="请输入店铺名称" autocomplete="off" class="fn-tinput key">
                                        <span class="fn-dib submit">
                                            <button class="fn-btn btn-submit" type="submit">搜索</button>
                                        </span>
                                        <i class="icon icon-search fn-abs"></i>
                                    </div>
                                </form>
                            </div>
                            <div class="order-type">
                                <ul class="link-list link-list-skin2">
                                    <li class="cur"><a href="collection-goods.php"> 收藏的商品（0）</a></li>
                                    <li><a href="collection-store.php"> 收藏的店铺（0）</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="bl-nodata order-nodata">
                            <div class="nodata-text fn-dib">
                                <i class="icon icon-nodata icon-nodata-2"></i>
                                <p class="fn-mb0">您暂时没有收藏任何商品。</p>
                                <a href="#">查看感兴趣的商品&gt;</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--END/无数据-->

            </div>

        </div>
        <!--END/主体部分-->

    </div>
</div>

<!--公共尾部-->
@include('front.common.footer')
<!--END/公共尾部-->

<!--公用js引用-->
@include('front.common.script')

<!--END/公用js引用-->

<script src="../dist/js/userCenter.js"></script>
</body>
</html>